@media screen and (max-width:1023px) {

}
@media screen and (max-width:599px) {


section {
    font-size: 3.2vw;
}
div.image_sd_wrap {
  width: 350%;
  padding: 3vw 0;
}
.hamburger_bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9998;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}
.hamburger_bg.on {
  opacity: 1;
  visibility: visible;
}
.pctt {
  display: none !important;
}
.mott {
  display: block !important;
}


.sub {
  font-size: 4.4vw;
}
.title {
  font-size: 6.8vw;
  letter-spacing: -0.2vw;
}
.subtt {
  font-size: 3.6vw;
}
.italictt{
  font-size: 3.8vw;
}

@keyframes arrow {
  0% {
      transform: translateX(0);
  }
  26% {
      transform: translateX(0.8vw);
  }
  40% {
      transform: translateX(0);
  }
  50% {
      transform: translateX(0.8vw);
  }
  60% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(0);
  }
}




.sub_main {
  padding: 40vw 0 10vw 0;
}


}